import React, { useState } from 'react'

export default function App() {

    // 直接创建的数据是不具备响应式的
    // let count = 100

    // 因为在函数式组件中所以 this 不可以使用
    // useState 是用来创建一个响应式数据用的
    // count 就是我们的变量，setCount 就是我们用来修改变量的方法
    // 100 是我们的初始值
    const [count, setCount] = useState(100)

    function add10() {
        console.log('1234567890-');

        // setCount(count + 10)

        setCount((prevCount) => {
            return prevCount + 10
        })
    }

    return (
        <div>
            <h1>App ------ {count}</h1>
            <button onClick={() => {
                // count++
                setCount(count + 1)
                // console.log(count);
            }}>加 1</button>

            <button onClick={add10}>加指定数</button>
        </div>
    )
}
